import React from 'react';
import Svg from './svg';

const SettingsIcon = props => (
  <Svg {...props}>
    <path d="M0 0h24v24H0z" fill="none"/>
    <path d="M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm7-7H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-1.75 9c0 .23-.02.46-.05.68l1.48 1.16c.13.11.17.3.08.45l-1.4 2.42c-.09.15-.27.21-.43.15l-1.74-.7c-.36.28-.76.51-1.18.69l-.26 1.85a.36.36 0 0 1-.35.3h-2.8a.36.36 0 0 1-.35-.29l-.26-1.85a5.14 5.14 0 0 1-1.18-.69l-1.74.7a.35.35 0 0 1-.43-.15l-1.4-2.42a.35.35 0 0 1 .08-.45l1.48-1.16a5.34 5.34 0 0 1 0-1.37l-1.48-1.16a.35.35 0 0 1-.08-.45l1.4-2.42c.09-.15.27-.21.43-.15l1.74.7c.36-.28.76-.51 1.18-.69l.26-1.85c.03-.17.18-.3.35-.3h2.8c.17 0 .32.13.35.29l.26 1.85c.43.18.82.41 1.18.69l1.74-.7c.16-.06.34 0 .43.15l1.4 2.42c.09.15.05.34-.08.45l-1.48 1.16c.03.23.05.46.05.69z"/>
  </Svg>
);

export default SettingsIcon;
